<script type="text/javascript" src="/js/functions/categoryLogo.js"></script>

<div class="fl-list-of-app-record-wrapper">
  <Br/>
  <div class="fl-option-toolbar">
      <div class="fl-administer-icon icon"></div>
      <div class="fl-toolbar-left-wrapper">
          <h1>Form Category</h1>
      </div>
      <!--<div class="fl-toolbar-right-wrapper">-->
      <!--  <div class="fl-default-page-wrapper">-->
      <!--    <label>-->
      <!--      <!--OLD CHECKBOX FOR SETTING LANDING PAGE <input type="checkbox" class="setting_landing_page">-->
      <!--      <span> <input type='checkbox' name='custom-checkbox' id='custom-checkbox' class='css-checkbox setting_landing_page' /><label for='custom-checkbox' class='css-label'></label></span>-->
      <!--      <span style="position: relative; top: 1px; left: -1px;">Make as default landing page?</span>-->
      <!--    </label>-->
      <!--  </div>-->
      <!--</div>-->
      <div class="clearfix"></div>
   </div>
   <?php include 'layout/adminbar.php';?>
   <Br/><Br/>
  <div class="fl-option-toolbar">
	    <div class="fl-toolbar-left-wrapper">
        <input type="button" class="btn-blueBtn addCategoryModal fl-margin-right" value="Add Category" style="width: 104px; left: 49px; top: 1px;cursor:pointer">
	    </div>
	    <div class="fl-toolbar-right-wrapper">
        <div class="fl-search-wrapper" style="width:250px;">
          <input type="text"  placeholder="Search Form Category" id="txtSearchFormCategoryDatatable" style="float:right;"> 
              <input type="button" value="" class="search icon fl-search-icon-list" id="btnSearchFormCategoryDatatable">
        </div>
	    	<!-- div class="fl-search-wrapper" style="width:370px;">
          
		    	<input type="text"  placeholder="Search Report" id="txtSearchReportDatatable" style="float:right;"> 
	            <input type="button" value="" class="search icon fl-search-icon-list" id="btnSearchReportDatatable">
	    	</div>
	        <a class="pinit icon dataTip" fl-data-application-id="1" fl-data-type="widget" fl-data-object-id="notif" data-placement="left" data-original-title="pin this to Dashboard"></a> -->
	    </div>
	    <div class="clearfix"></div>
  </div><!-- end of option toolbar -->
 <table class="table_data display_data dataTable"  id="loadFormCategory" style="width:100% !important;">
    <thead class="fl-header-tbl-wrapper">
       <tr>
          <th style='width:80% !important;' field_name="category_name"><span class='sortable-image' style='position:absolute'></span><span style="margin-left:10px">Category Name</span></th>
          <th style='width:20% !important;cursor: auto !important;'>Action</th>
       </tr>
    </thead>
    <tbody></tbody>
 </table>
</div>
<?php
$search = new Search();

//get departments
$getAllDepartment = $search->getAllDepartment();
echo "<div class='departments display'>" . json_encode($getAllDepartment) . "</div>";

//get positions
$getPosition = $search->getAllPosition();
echo "<div class='positions display'>" . json_encode($getPosition) . "</div>";

//get users
$getUsers = $search->getAllUsers("");
echo "<div class='users display'>" . json_encode($getUsers) . "</div>";

//get available logo

echo "<div class='categoryLogo display'>".json_encode((upload::getAllfiles_fromDirectory("images/icon/app-logo")))."</div>";
?>